<!doctype html>
<html lang="en">
  <head>
    <%= htmlWebpackPlugin.options.tags.head %>
    <!-- 页面css -->
    <link rel="stylesheet" href="./css/followAdd.css" />
  </head>

  <body>
    <div class="page">
      <header class="page-header">
        <div class="page-header-nav">
          <div class="header-nav-left">
            <span class="glyphicon glyphicon-menu-left nav-back-btn" onclick="router.back()"></span>
          </div>
          <div class="header-nav-title">
            <h2 class="flex-1 font-size-normal text-align-center">Edit</h2>
          </div>
        </div>
      </header>
      <!-- 内容主体 -->
      <main class="page-main">
        <div class="flex-column full-height">
          <div class="bg-regular flex-column justify-center align-center padding-15">
            <div>Your Favourite</div>
            <img class="width-height-40 margin-top-10 margin-bottom-10" src="./images/ball_park.png" alt="" srcset="" />
            <a class="bg-theme-color text-white radius-min padding-2 padding-x-10" href="followLive.html">Modify</a>
          </div>

          <div class="flex-1 flex-column bg-regular margin-top-10">
            <div class="text-align-center padding-15">The teams you follow</div>

            <div class="container">
              <div class="row">
                <div class="col-xs-3">
                  <div class="justify-center align-center padding-10">
                    <div class="padding-10 radius-round position-relative border-base">
                      <img class="width-height-30" src="./images/ball_park.png" alt="" srcset="" />
                      <img class="height-10 position-absolute-rightBottom" src="./images/delete_icon.png" alt="" srcset="" />
                    </div>
                  </div>
                </div>
                <div class="col-xs-3">
                  <div class="justify-center align-center padding-10">
                    <div class="padding-10 radius-round border-base position-relative">
                      <img class="width-height-30" src="./images/ball_park.png" alt="" srcset="" />
                      <img class="height-10 position-absolute-rightBottom" src="./images/delete_icon.png" alt="" srcset="" />
                    </div>
                  </div>
                </div>
                <div class="col-xs-3">
                  <div class="justify-center align-center padding-10">
                    <div class="padding-10 radius-round border-base position-relative">
                      <img class="width-height-30" src="./images/ball_park.png" alt="" srcset="" />
                      <img class="height-10 position-absolute-rightBottom" src="./images/delete_icon.png" alt="" srcset="" />
                    </div>
                  </div>
                </div>
                <div class="col-xs-3">
                  <div class="justify-center align-center padding-10">
                    <div class="padding-10 radius-round border-base position-relative">
                      <img class="width-height-30" src="./images/ball_park.png" alt="" srcset="" />
                      <img class="height-10 position-absolute-rightBottom" src="./images/delete_icon.png" alt="" srcset="" />
                    </div>
                  </div>
                </div>
                <div class="col-xs-3">
                  <div class="justify-center align-center padding-10">
                    <div class="padding-10 radius-round border-base position-relative">
                      <img class="width-height-30" src="./images/ball_park.png" alt="" srcset="" />
                      <img class="height-10 position-absolute-rightBottom" src="./images/delete_icon.png" alt="" srcset="" />
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>

    <%= htmlWebpackPlugin.options.tags.foot %>
    <script src="./js/followAdd.js"></script>
  </body>
</html>
